¡Hola 👋! Espera mientras comienza la sesión.

Antes que todo, ¿cómo están?

Visualización de Información

IIC2026 2021-2

Layouts tabulares en D3.js

Visualización de Información

IIC2026 2021-2

Contenido

Contenido


1. Escalas para organización tabular

2. Marcas de D3.js I

3. Marcas de D3.js II

4. Marcas de D3.js III

¡Actividad grupal!

¡Actividad grupal!

Cada grupo asignado a una Sala de Zoom debe completar en conjunto un programa de JavaScript que extiende un documento HTML. Los objetivos a lograr como grupo son:

  • Escribir una lista no ordenada en el documento HTML con los nombres de las personas que forman el grupo.
  • Completar un programa que genere puntos con forma, conectados por líneas a partir de un archivo de datos provisto. La mayoría del código está listo, es poco lo que se debe cambiar.
  • Que entiendan el funcionamiento del programa. Llamen a alguien del equipo docente para preguntar las partes que no entienden.

¡Actividad grupal!

Cada grupo asignado a una Sala de Zoom debe completar en conjunto un programa de JavaScript que extiende un documento HTML. Los objetivos a lograr como grupo son:

  • Escribir una lista no ordenada en el documento HTML con los nombres de las personas que forman el grupo.
  • Completar un programa que genere puntos con forma, conectados por líneas a partir de un archivo de datos provisto. La mayoría del código está listo, es poco lo que se debe cambiar.
  • Que entiendan el funcionamiento del programa. Llamen a alguien del equipo docente para preguntar las partes que no entienden.

¡Actividad grupal!

Cada grupo asignado a una Sala de Zoom debe completar en conjunto un programa de JavaScript que extiende un documento HTML. Los objetivos a lograr como grupo son:

  • Escribir una lista no ordenada en el documento HTML con los nombres de las personas que forman el grupo.
  • Completar un programa que genere puntos con forma, conectados por líneas a partir de un archivo de datos provisto. La mayoría del código está listo, es poco lo que se debe cambiar.
  • Que entiendan el funcionamiento del programa. Llamen a alguien del equipo docente para preguntar las partes que no entienden.

¡Actividad grupal!


Les recomendamos que por grupo asignen:

  • Al menos una persona que tenga el material del curso y documentación de D3.js a mano para consultarla.
  • Al menos una persona pendiente de las dudas que surjan para solicitar ayuda durante la actividad.
  • Al menos una persona que se encargue de escribir y extender el documento HTML y programa JavaScript.
  • El resto puede apoyar a quienes escriban o a otros roles.

¡Actividad grupal!


Para colaborar en el código, pueden:

El equipo docente les preparó salas en Coding Rooms. Para ingresar y colaborar deben entrar a un enlace y luego:

  1. Por defecto, entrarán a la sala solo con permiso de lectura, por lo que un ayudante les asignará el rol de editor a les primeres que entren.
  2. Si ya tienen rol de editor, pueden darle este rol a otros estudiantes. Para ello:
    1. Presionen el botón ‘Share’ en la parte superior derecha.
    2. En el cuadro desplegado, cambia el rol de todes les ‘Viewer’ a ‘Editor’ (Si no salen en el cuadro desplegado, recarguen la página)
  3. Para poder ver cómo va quedando su código, despliguen la vista de navegador en el botón ‘View Webpage’ de la parte inferior derecha.
  4. ¡Listo! Ya pueden ponerse a trabajar conjuntamente en su HTML y SVG.

¡Actividad grupal!

Salas y documentos asignados:

Resultados de actividad grupal

¡Visualización del día!

Proyectos de reforma a la Constitución de Chile.

Propuesta por estudiante anónimo.

(Fuente: Proyectos de reforma a la Constitución de Chile)

Próximos eventos:


Hoy (11:30) se publica el enunciado de Entrega 2, tiene plazo de una semana.

Próximo jueves NO se publica el enunciado de Hito 2. Este se publica luego de la semana de receso.

Próxima semana revisaremos el material de Manipulación de vista y Zoooming y panning en D3.js.

Layouts tabulares en D3.js

Visualización de Información

IIC2026 2021-2


¡Deja tus preguntas en los comentarios!